<template>
  <div>
    <div>
      <div class="content">
        <div>店铺名称：<span>{{list.shop_name}}</span></div>
        <div>联系人姓名：<span>{{list.name}}</span></div>
        <div>联系人电话：<span>{{list.telephone}}</span></div>
        <div>实名身份证：<span>{{list.auth_card_no}}</span></div>
      </div>
    </div>
    <div>
      <div class="content">
        <div>
          申请人手持身份证：<span
            ><img
              :src="list.auth_card_hand"
              class="image"
          /></span>
        </div>
        <div>
          申请人身份证正面：<span
            ><img
              :src="list.auth_card_front"
              class="image"
          /></span>
        </div>
        <div>
          申请人身份证反面：<span
            ><img
             :src="list.auth_card_back"
              class="image"
          /></span>
        </div>
        <!-- <div>用户账号：<span>{{list.username}}</span></div>
        <div>用户密码：<span>{{list.password}}</span></div> -->
      </div>
    </div>
  </div>
</template>

<script>
import { number } from "echarts";
import {
  defineComponent,
  ref,
  reactive,
  toRef,
  toRefs,
  computed,
  watch,
  watchEffect,
  onMounted,
  getCurrentInstance,
} from "vue";
import { createLogger } from "vuex";

export default defineComponent({
  name: "Settleddialong",
  props: {
    list: Object,
  },
  setup(props, context) {
    // console.log(props.list)
    // const list = ref({})
    // const { proxy } = getCurrentInstance();
    // const infom = onMounted(async () => {
    //   const rememberAuthlist = await proxy.$api.rememberAuthlist({siteId:props.siteId});
    //   console.log(rememberAuthlist.data.data[0]);
    //   list.value = rememberAuthlist.data.data[0]
    //   console.log(props)
    // });

    return {
      // infom,
      // list
    };
  },
});
</script>
<style scoped>
.header {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}
.content {
  margin-left: 100px;
}
.content div {
  padding: 20px 0;
}
.image {
  /* margin: auto; */
  padding: 50px 100px;
  width: 230px;
  height: 100px;
  border: 1px dashed #333;
}
</style>
